@import "../subs/media";
body{
  background: #f3f3f3;
}
p{
  margin: 0;
}
a:hover,a:focus{
  text-decoration: none;
}
#user__login{
  //background: #f3f3f3;
  margin-bottom: 50px;
  .login__header{
    background: #224C86;
    text-align: center;
    p{
      color: #ffffff;
      font-size: 26px;
      padding: 18px 0;
      margin: 0;
    }
  }
  .login__content{
    margin-top: 93px;
    .content__item{
      width: 500px;
      //height: 500px;
      padding: 30px 50px;
      background: #fff;
      margin: auto;
      .content_login{
        .login_title{
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding-bottom: 35px;
          border-bottom: 1px solid #E1E2EA;
          .title{
            font-size: 20px;
            padding-bottom: 8px;
            color: #A7A7A7;
            cursor: pointer;
            a{
              color: #A7A7A7;

            }

            &.title_active{
              border-bottom: 2px solid #224C86;
              color: #224C86;
            }
          }

        }
        .user__data{
          padding-top: 23px;
          .user_input{
            padding-top: 17px;
            p{
              font-size: 14px;
              color: #4a4a4a;
              line-height: 20px;
              margin: 0;
              padding-bottom: 5px;
            }
            .name_input{
              border-radius: 4px;
              border: 1px solid #c0c4cc;
              line-height: 44px;
              input{
                width: 100%;
                height: 44px;
                padding: 0 5px;
              }
            }
            .input_wrong{
              color: #EA4448;
              line-height: 25px;
              padding: 0;
              display: none;
              &.active{
                display: block;
              }
            }
          }
        }
        .user__loging{
          background: #224C86;
          text-align: center;
          padding: 11px 0;
          margin-top: 46px;
          border-radius: 4px;
          cursor: pointer;
          p{
            color: #fff;
            font-size: 20px;
          }
        }
        .user__forget{
          text-align: center;
          margin-top: 26px;
          font-size: 14px;
          line-height: 20px;
          color: #4a4a4a;
          cursor: pointer;
          p{
            a{
              color: #4a4a4a;
            }
          }
        }
      }
    }
  }
}